<%@page import="com.mconnect.msurvey.model.User"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@ taglib prefix="s" uri="/struts-tags"%>
     
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Panel Admina</title>
  <link rel="stylesheet" href="resources/css/ap.css">
  <link rel="stylesheet" href="js/jQuery/themes/base/jquery.ui.all.css">
	<script src="js/jQuery/jquery-1.8.2.js"></script>
	<script src="js/jQuery/ui/jquery.ui.core.js"></script>
	<script src="js/jQuery/ui/jquery.ui.widget.js"></script>
	<script src="js/jQuery/ui/jquery.ui.accordion.js"></script>
	<script src="js/jQuery/ui/jquery.ui.button.js"></script>
	<link rel="stylesheet" href="js/jQuery/demos.css">
	
        
	<script>
	$(function() {
		$( "#accordion" ).accordion();
	});
	</script>
  </head>

<body>

<div id="top">
   
     <div class="sessionUser">
    	<div id="logoMconnect">
    		<img src="resources/images/top_logo.gif" width="84" height="59" alt="image001"/>
    	</div>
    	<div id="mConnect_txt">
        	mConnect<br/>al. Jana Pawła II 41c<br/>31-864 Kraków
       </div>
    	
	     <% User admin = (User)session.getAttribute("admin"); 
			if(admin == null){ %>
				<jsp:forward page="loginAdminForm.jsp"></jsp:forward>
		<%}%>
    </div>
    <img src="resources/images/kreska.png" class="kreska">
    <div class="header_txt">
      <a href="adminPanel.jsp" style="text-decoration: none;">
     		<p class="header_txt_1">mSurvey</p>
      		<p class="header_txt_2">Panel Administratora</p>
      	</a>
    </div>
    <ul id=menu>
      
    <li><s:a action="goToSearchSurvey">Wyszukaj ankietę</s:a></li>
	<li><s:a action="goToCampaigns">Kampanie</s:a></li>
	<li><s:a action="goToRegisterUser">Dodaj ankietera</s:a></li>
	<li><s:a action="goToConfirmList">Potwierdziły przybycie</s:a></li>
	<li><s:a action="goToReports">Raporty</s:a></li>
	<li style="float: right"><s:a action="logoutAdmin">Wyloguj</s:a></li>
    </ul>
    
    <div id=kategorie>
		<h1 style="text-align: center">Wyszukaj ankieterów z planu </h1>
		<br><br>
			<form action="searchTechnicalSurveyPlan" method="post">
			<% int id_plan = Integer.parseInt(request.getParameter("id_plan")); %>
				<input type="hidden" name="id_plan" value="<%=id_plan %>">
				<div id="accordion">
					<h3>Wiek kandydata</h3>
					<div>
				        <table>
				        	<tr>
				                 <td width="40px" align="left"><input id="p1check1" type="radio" name="questions.question1" value="18-20" /></td>
				                 <td><label for="p1check1">18-20 lat</label><br/></td>
				           	</tr>
				          	<tr>
				                	<td width="40px" align="left"><input id="p1check2" type="radio" name="questions.question1" value="21-23" /></td>
				                    <td><label for="p1check2">21-23 lat</label><br/></td>
				            </tr>
				            <tr>
				                   <td width="40px" align="left"><input id="p1check3" type="radio" name="questions.question1" value="24-26" /></td>
				                   <td><label for="p1check3">24-26 lat</label><br/></td>
				            </tr>
				            <tr>
				                  <td width="40px" align="left"><input id="p1check4" type="radio" name="questions.question1" value="26" /></td>
				                  <td><label for="p1check4">powyżej 26 lat</label><br/></td>
				           	</tr>
				       	</table>
					</div>
					<h3>Typ studiów</h3>
					<div>
				        <table>
				        	<tr>
				              	<td width="40px" align="left"><input id="p2check1" type="radio" name="questions.question2" value="Dziennie" /></td>
				                <td><label for="p2check1">Dziennie</label><br/></td>
				          	</tr>
				            <tr>
				                <td width="40px" align="left"><input id="p2check2" type="radio" name="questions.question2" value="Zaocznie" /></td>
				                <td><label for="p2check2">Zaocznie</label><br/></td>
				          	</tr>
				            <tr>
				               	<td width="40px" align="left"><input id="p2check3" type="radio" name="questions.question2" value="Nie studiuję" /></td>
				               	<td><label for="p2check3">Nie uczący</label><br/></td>
				            </tr>
				        </table>
					</div>
					<h3>Uczelnia</h3>
					<div>
				        <table>
				        	<tr>
				           		<td width="40px" align="left"><input id="p3check1" type="radio" name="questions.question6" value="AGH" /></td>
				                <td><label for="p3check1">AGH</label><br/></td>
				        	</tr>
				            <tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="questions.question6" value="Politechnika Krakowska" /></td>
				                <td><label for="p3check2">Politechnika Krakowska</label><br/></td>
				           	</tr>
				           	<tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="questions.question6" value="Uniwersytet Jagieloński" /></td>
				                <td><label for="p3check2">Uniwersytet Jagieloński</label><br/></td>
				           	</tr>
				           	<tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="questions.question6" value="Uniwersytet Rolniczy" /></td>
				                <td><label for="p3check2">Uniwersytet Rolniczy</label><br/></td>
				           	</tr>
				           	<tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="questions.question6" value="Uniwersytet Ekonomiczny" /></td>
				                <td><label for="p3check2">Uniwersytet Ekonomiczny</label><br/></td>
				           	</tr>
				           	<tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="questions.question6" value="Krakowska Akademia" /></td>
				                <td><label for="p3check2">Krakowska Akademia</label><br/></td>
				           	</tr>
				   		</table>
					</div>
					<h3>Kierunek studiów</h3>
					<div>
				        <table>
				        	<tr>
				           		<td width="40px" align="left"><input id="p3check1" type="radio" name="technical.direction" value="Informatyka" /></td>
				                <td><label for="p3check1">Informatyka</label><br/></td>
				        	</tr>
				        	<tr>
				           		<td width="40px" align="left"><input id="p3check1" type="radio" name="technical.direction" value="Teleinformatyka" /></td>
				                <td><label for="p3check1">Teleinformatyka</label><br/></td>
				        	</tr>
				            <tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="technical.direction" value="Elektronika" /></td>
				                <td><label for="p3check2">Elektronika</label><br/></td>
				           	</tr>
				           	<tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="technical.direction" value="Elektrotechnika" /></td>
				                <td><label for="p3check2">Elektrotechnika</label><br/></td>
				           	</tr>
				           	<tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="technical.direction" value="Automatyka i Robotyka" /></td>
				                <td><label for="p3check2">Automatyka i Robotyka</label><br/></td>
				           	</tr>
				           	<tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="technical.direction" value="Matematyka" /></td>
				                <td><label for="p3check2">Matematyka</label><br/></td>
				           	</tr>
				           	<tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="technical.direction" value="Fizyka" /></td>
				                <td><label for="p3check2">Fizyka</label><br/></td>
				           	</tr>
				           	<tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="technical.direction" value="Inny" /></td>
				                <td><label for="p3check2">Inny</label><br/></td>
				           	</tr>
				   		</table>
					</div>
					<h3>Znajomość języków programowamoa</h3>
					<div>
				        <table>
				           	<tr>
				           		<td width="40px" align="left"><input id="p5check1" type="checkbox" name="language.java" value="TAK" /></td>
				               	<td ><label for="p5check1">JAVA</label><br/></td>
				           	</tr>
				            <tr>
				                <td width="40px" align="left"><input id="p5check4" type="checkbox" name="language.ce_sharp" value="TAK" /></td>
				              	<td><label for="p5check4">C#</label><br/></td>
				            </tr>
				            <tr>
				                <td width="40px" align="left"><input id="p5check4" type="checkbox" name="language.ce_plus" value="TAK" /></td>
				              	<td><label for="p5check4">C / C++</label><br/></td>
				            </tr>
				            <tr>
				             	<td width="40px" align="left"><input id="p5check3" type="checkbox" name="language.php" value="TAK" /></td>
				                <td><label for="p5check3">PHP</label><br/></td>
				        	</tr>
				            <tr>
				                <td width="40px" align="left"><input id="p5check5" type="checkbox" name="language.bd_sql" value="TAK" /></td>
				                <td><label for="p5check5">SQL</label><br/></td>
				            </tr>
				            <tr>
				                <td width="40px" align="left"><input id="p5check5" type="checkbox" name="language.javaScript" value="TAK" /></td>
				                <td><label for="p5check5">JavaScript</label><br/></td>
				            </tr>
				             <tr>
				                <td width="40px" align="left"><input id="p5check5" type="checkbox" name="language.python" value="TAK" /></td>
				                <td><label for="p5check5">Python</label><br/></td>
				            </tr>
				             <tr>
				                <td width="40px" align="left"><input id="p5check5" type="checkbox" onclick="this.form.elements['language.other'].disabled = !this.checked" /></td>
				                <td><label for="p5check5">Inne</label> &nbsp <input type="text" name="language.other" disabled="disabled" /><br/></td>
				            </tr>
				            
				         </table>
					</div>
<!-- 					<h3>Znajomość programów deweloperskich</h3> -->
<!-- 					<div> -->
<!-- 				        <table> -->
<!-- 				           	<tr> -->
<!-- 				           		<td width="40px" align="left"><input id="p5check1" type="checkbox" name="technical.developingPrograms" value="Eclipse" /></td> -->
<!-- 				               	<td ><label for="p5check1">Eclipse</label><br/></td> -->
<!-- 				           	</tr> -->
<!-- 				            <tr> -->
<!-- 				                <td width="40px" align="left"><input id="p5check4" type="checkbox" name="technical.developingPrograms" value="NetBeans" /></td> -->
<!-- 				              	<td><label for="p5check4">NetBeans</label><br/></td> -->
<!-- 				            </tr> -->
				           	
<!-- 				         </table> -->
				         
<!-- 				    </div>   -->
					
					<h3>Doświadczenie w branży IT</h3>
					<div>
				        <table>
				        	<tr>
				           		<td width="40px" align="left"><input id="p3check1" type="radio" name="technical.experience" value="mniej niż rok" /></td>
				                <td><label for="p3check1">mniej niż rok</label><br/></td>
				        	</tr>
				            <tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="technical.experience" value="rok" /></td>
				                <td><label for="p3check2">rok</label><br/></td>
				           	</tr>
				           	<tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="technical.experience" value="powyżej jednego roku" /></td>
				                <td><label for="p3check2">powyżej jednego roku</label><br/></td>
				           	</tr>
				           	<tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="technical.experience" value="tylko praktyki studenckie" /></td>
				                <td><label for="p3check2">tylko praktyki studenckie</label><br/></td>
				           	</tr>
				           	<tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="technical.experience" value="nie posiadam doświadczenia" /></td>
				                <td><label for="p3check2">nie posiadający doświadczenia</label><br/></td>
				           	</tr>
				   		</table>
					</div>
					<h3>Osoba pracująca</h3>
					<div>
				        <table>
				        	<tr>
				           		<td width="40px" align="left"><input id="p3check1" type="radio" name="questions.question3" value="TAK" /></td>
				                <td><label for="p3check1">TAK</label><br/></td>
				        	</tr>
				            <tr>
				                <td width="40px" align="left"><input id="p3check2" type="radio" name="questions.question3" value="NIE" /></td>
				                <td><label for="p3check2">NIE </label><br/></td>
				           	</tr>
				   		</table>
					</div>
					<h3>Myśląca o zmianie branży</h3>
					<div>
				            <table>
				             	<tr>
				               		<td width="40px" align="left"><input id="p4check1" type="radio" name="questions.question4" value="TAK" /></td>
				                   	<td><label for="p4check1">TAK</label><br/></td>
				              	</tr>
				               	<tr>
				                   	<td width="40px" align="left"><input id="p4check2" type="radio" name="questions.question4" value="NIE" /></td>
				                   	<td><label for="p4check2">NIE </label><br/></td>
				               	</tr>
				          	</table>
				
					</div>
					
					<h3>Gotowość do podjęcia pracy</h3>
					<div>
				        <table>
				           	<tr>
				             	<td width="40px" align="left"><input id="p7check1" type="radio" name="questions.question5" value="W ciągu najbliższych 7dni"/></td>
				                <td><label for="p7check1">W ciągu najbliższych 7dni</label><br/></td>
				            </tr>
				            <tr>
				                <td width="40px" align="left"><input id="p7check2" type="radio" name="questions.question5" value="Do miesiąca"/></td>
				                <td><label for="p7check2">Do miesiąca</label><br/></td>
				            </tr>
				            <tr>
				                <td width="40px" align="left"><input id="p7check3" type="radio" name="questions.question5" value="Powyżej miesiąca" /></td>
				                <td><label for="p7check2">powyżej miesiąca</label><br/></td>
				           	</tr>
				      	</table>
				
					</div>
					
					
				</div>
				<center>
				<div class="demo" style="margin-top: 100px;">
						<input type="submit" value="Wyszukaj"  style="width: 200px; height: 40px; background-color: #1b3c4f; color: white;"/>
						<input type="reset" value="Wyczyść"  style="width: 200px; height: 40px; background-color: #1b3c4f; color: white;"/>
				</div>	
				</center>
			</form>
    </div>
</div>
  </body>
</html>